.post{background:#fff url(https://lh6.googleusercontent.com/-iI_HWVtxpFg/VCgrOHPND0I/AAAAAAAAAjU/0TyFKsiDo5c/s1600/pinkn%2520gradient.jpg) repeat-x top;border:1px solid #bbb;list-style:none;width:160px;margin-left:11px;margin-top:10px;text-align:center;height:250px;display:inline;float:left;overflow:hidden;position:relative;padding:2px 5px 5px 0}
@media only screen and (min-width:768px) and (max-width:989px){
  .post{width:160px;height:250px}
}

@media only screen and (max-width:767px){
  .post{width:440px}
}
@media only screen and (max-width:479px){
  .post{width:290px}
}

@media only screen and (min-width:768px) and (max-width:989px){
  .postthumb{}
}
@media only screen and (max-width:767px){
  .postthumb{width:220px}
}
@media only screen and (max-width:479px){
  .postthumb{width:200px}
}

.post:hover{border:1px solid #999}
.post-footer{display:none}
.post h3{height:25px;border:0 none;line-height:8px;margin:0 5px 5px;padding:2px}
.post h3 a{color:#111;font:14px Oswald;text-align:center;text-shadow:none;line-height:20px}
.post h3 a:hover{color:#014aa0}
.post-body{border-top:none;height:200px;overflow:hidden;width:160px;padding:0px;margin:0 0 .3cm;}
@media only screen and (min-width:768px) and (max-width:989px){
  .post-body{width:160px;height:200px}
}

@media only screen and (max-width:767px){
  .post-body{width:420px}
}
@media only screen and (max-width:479px){
  .post-body{width:285px}
}

.post img{margin:10px}